<div class="mid-nav shadow-div">
    <div class="row">
        <div class="col-md-offset-1 col-md-10" style="margin-top:20px;">
            <div ng-show=" !complaintOrders || complaintOrders.length==0">
                <div class="out-container">
                    <div class="boo-wrapper">
                        <div class="boo">
                            <div class="face"></div>
                        </div>
                        <div class="shadow"></div>
                        <h1><font color="#C0C0C0">没有任何投诉~</font></h1>
                    </div>
                </div>
            </div>

            <div ng-show="complaintOrders">
                <table ng-repeat="order in complaintOrders" class="table table-condensed">
                    <tr class="bg-info">
                        <td ng-bind="order.merchant.mBrand" class="item-1-3 text-center"></td>
                        <td class="item-1-3 text-center">确认收货时间：{{order.startTime}}</td>
                        <td class="item-1-3 text-center">交易结束</td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <ul class="list-group">
                                <li ng-repeat="food in order.foodInfo" class="list-group-item">
                                    <div class="media">
                                        <div class="media-left">
                                            <a href="javascript:void(0);">
                                                <img class="img-responsive img-thumbnail media-object"
                                                     src="{{imgPath}}{{food.item.fViewPath}}" alt="哎呀，图片躲起来了" width="100" height="100">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="media-heading">{{food.fName}}</h4>
                                            <h4 class="pull-left">x {{food.num}}</h4>
                                            <h4 class="pull-right">{{food.item.fPrice}}元</h4>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="1" class="text-left">
                            <div class="hidden" name="oid">{{order._id}}</div>
                            <button ng-click="handle($index)" type="button" class="btn btn-common btn-sm"
                                    data-toggle="modal" data-target="#evalution_modal">
                                查看投诉结果
                            </button>
                        </td>
                        <td colspan="2" class="text-right" name="total">
                            总价：{{order.sum}}元
                        </td>
                    </tr>

                </table>
            </div>
        </div>
    </div>
</div>

<a href="#top">
    <div class="top-box">
        <span class="glyphicon glyphicon-chevron-up back-icon"></span>
    </div>
</a>

<!-- 投诉模态框 -->
<div class="modal fade" id="evalution_modal" tabindex="-1" role="dialog" aria-labelledby="evalution-title">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header gold-bg">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="evalution-title">投诉</h4>
            </div>
            <div class="modal-body">
                <div class="hidden">oid</div>
                <textarea ng-model="complaint" class="form-control" rows="3" style="resize:none;" placeholder="投诉内容"
                          readonly></textarea>
                <hr>
                <div ng-show="handleResult==1" class="well well-sm">投诉待处理</div>
                <div ng-show="handleResult==2" class="well well-sm">驳回投诉</div>
                <div ng-show="handleResult==3" class="well well-sm">扣除商家押金</div>
                <div ng-show="handleResult==4" class="well well-sm">商家已被拉黑</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-common btn-block" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>